<div class="bjui-pageHeader" style="background-color:#fefefe; border-bottom:none;">

</div>
<div class="bjui-pageContent" id="j_datagrid">
    <table class="table table-bordered" id="datagrid-test-filter"></table>
</div>

<script type="text/javascript">
    $('#datagrid-test-filter').datagrid({
        height: '100%',
        gridTitle : '用户数据列表',
        showToolbar: true,
        dataUrl: '/test/demo',
        dataType: 'json',
        showCheckboxcol: true,
        toolbarItem: 'add,del,|,refresh',
        editMode: {dialog:{width:'1000',height:700,title:'编辑菜单',mask:true}},
        editUrl: 'user/add',
        linenumberAll: true,
        columns: [
            {
                name: 'age',
                label: '年龄',
                align: 'center',
                menu:false,
                quicksort:false,
                width: 300
            },
            {
                name: 'name',
                label: '姓名',
                align: 'center',
                menu:false,
                quicksort:false,
                type:'select',
                width: 150,
            },
            {
                name: 'lid',
                label: '操作',
                menu:false,
                quicksort:false,
                align:'center',
                width: 100,
                quickfilter:false,
                render:function (data,value){
                    var html = "<button type='button' class='btn-blue' onclick=\"dialog_edit_lottery(\'"+ data+ "\');\">查看详情</button> ";
                    return html;
                }
            }
        ]
    })

</script>